.home_layout_div {
  width: calc(100% - 30px);
  background: #f5f5f5;
  padding: 15px;
}
.home_layout_div > div {
  height: 100%;
}
.home_layout_div > div > div {
  height: 100%;
}

.home_platform_content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}

.person_info_auth {
  height: 100%;
  display: flex;
  flex-direction: row;
  background: #f5f5f5;
}

.home_content_div {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
}

.home_platform_bench_card {
  height: 90px;
  display: flex;
  flex-direction: row;
  padding: 0px 0px 15px 0px;
}

.work_bench_card_div {
  height: 90px;
  display: flex;
  flex-direction: row;
  padding: 0px 0px 15px 0px;
}

.platform_user_notice_message {
  flex: 3;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.headerADiv {
  flex: 3;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.userCountBlock {
  padding: 10px 0px 10px 0px;
}

.work_card_user_div {
  flex: 1.5;
  display: flex;
  flex-direction: column;
  margin-right: 1px;
  background: #ffffff;
}

.userPhotoDiv {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  margin-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.userFontDiv {
  flex: 2;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.7;
  margin-top: 10px;
  text-align: center;
}

.userPhoneAndEmailDiv {
  margin-left: 10%;
  display: flex;
  flex-direction: row;
}

.userCountFont [class^=ant-statistic-content-value] {
  font-weight: bolder;
}

.workFontDiv {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.workFont {
  flex: 3;
  display: flex;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 0px 0px 20px;
}

.allUserInfo {
  flex: 1;
  display: flex;
  padding: 10px 0px 0px 0px;
}

.userInfoDiv {
  flex: 2;
  display: flex;
  flex-direction: row;
  text-align: center;
}

.home_footer_Div {
  display: none;
  text-align: center;
  margin: 0px 20px 20px 20px !important;
}

.footFontDiv {
  background: #ffffff;
  padding: 15px 20px 15px 20px;
}

.home_platform_nav_new {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.resource_statistics_show_div {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.home_platform_nav_new_show {
  flex: 2;
  display: flex;
  flex-direction: column;
}

.resource_show_div {
  flex: 3;
  display: flex;
  flex-direction: column;
}

.resource_statistics_div {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.home_platform_schedule {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.tableADiv {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 15px;
}

.server_resource_chart {
  flex: 2;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 15px;
}

.tableATitleDiv {
  padding-left: 15px;
  height: 30px;
  font-size: 16px;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding-top: 10px;
}

.tableBDiv {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 15px;
}

.server_cluster_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 15px;
}

.browse_visit_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 15px;
}

.operate_log_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 15px;
}

.tableBTitleDiv {
  padding-left: 15px;
  height: 30px;
  font-size: 16px;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding-top: 10px;
}

.tableCDiv {
  flex: 1;
  display: flex;
  padding: 15px 0px 0px 0px;
}

.tableCTitleDiv {
  height: 30px;
  background: #ffffff;
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  padding-left: 15px;
}

.new_notice_title_font {
  flex: 1;
  font-size: 16px;
}

.tableCTitleFont {
  flex: 1;
  font-size: 16px;
}

.new_notice_show {
  float: right;
}

.tableCTitleTool {
  float: right;
}

.tableCContentDiv {
  min-width: 405px;
  background: #ffffff;
}

.tableCContentDiv table thead tr th {
  text-align: center;
}

.tableCContentDiv table tbody tr td {
  padding: 7px 8px 8px 8px !important;
}

.user_amap_statistics_chart {
  display: flex;
  flex: 2.5;
}

.userChartMonthInfoDiv {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0px 10px 15px;
  display: flex;
  flex-direction: row;
  font-size: 16px;
}

.new_notice_title_div {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0px 10px 15px;
  display: flex;
  flex-direction: row;
  font-size: 16px;
}

.todo_audit_card_title {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0px 10px 15px;
  display: flex;
  flex-direction: row;
  font-size: 16px;
}

.userChartMonthfont {
  font-size: 16px;
  display: flex;
  flex: 1;
}

.userChartMonthSelect {
  display: flex;
  margin: -6px 3px -5px 0px;
}

.user_access_chart {
  flex: 1;
  display: flex;
}

.user_redis_mq_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 15px 0px 0px;
}

.redis_info_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.redisTitleDiv {
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  height: 30px;
  font-size: 16px;
  padding-top: 10px;
  padding-left: 15px;
}

.mq_broker_chart {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 0px;
}

.mqDiv {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 0px;
}

.mqTitleDiv {
  display: flex;
  flex-direction: row;
  background: #ffffff;
  border-bottom: 1px solid #e8e8e8;
  height: 30px;
  padding-top: 10px;
}

.mqTitleFontDiv {
  flex: 5;
  font-size: 16px;
  padding-left: 15px;
}

.userStatisticsRightDiv canvas {
  background: #ffffff;
  height: 170px !important;
  padding: 0px 15px 0px 15px;
}

.newMessgeRightDiv {
  flex-direction: column;
  background: #ffffff;
  height: 230px !important;
  padding: 5px 15px 15px 15px;
  overflow-y: auto;
}

.newMessageLi {
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newMessageLi:hover {
  cursor: pointer;
  background-color: #d1e1f1;
}

.new_notice_show_icon {
  color: rgba(0, 0, 0, 0.65);
}
.new_notice_show_icon:hover {
  font-weight: bolder;
  text-decoration: underline;
  color: #096dd9;
  cursor: pointer;
}

.fontWeightHover {
  color: rgba(0, 0, 0, 0.65);
}
.fontWeightHover:hover {
  font-weight: bolder;
  text-decoration: underline;
  color: #096dd9;
  cursor: pointer;
}

.serviceNameDiv {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home_platform_new {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.resource_access_chart {
  flex: 3;
  display: flex;
  flex-direction: row;
  padding: 15px 0px 0px 0px;
}

.home_platform_new_show {
  width: 360px;
  display: flex;
  flex-direction: column;
}

.home_platform_todo_show {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 0px 0px 15px;
}

.messageChartDiv {
  flex: 1;
  width: 365px;
  display: flex;
  flex-direction: column;
  height: 320px;
  margin: 0px 0px 0px 20px;
}

.home_platform_unit_link_show {
  display: flex;
  flex-direction: row;
}

.home_platform_unit_show {
  width: 100%;
  flex: 3;
  display: flex;
  flex-direction: column;
  padding: 15px 0px 0px 0px;
}

.unit_statistics_card_content {
  flex-direction: column;
  background: #ffffff;
  height: 160px !important;
  padding: 10px 15px 10px 10px;
  overflow-y: auto;
}

.calendar_schedule_card_content {
  flex-direction: column;
  background: #ffffff;
  height: 345px !important;
  padding: 0px 10px 10px 10px;
  overflow-y: auto;
}

.calendar_schedule_card_title {
  font-size: 16px;
  padding-left: 15px;
  position: absolute;
  margin: 10px 0px 0px -15px;
}

.scheduleTable table thead {
  background: #f5f5f5;
}
.scheduleTable table thead > tr > th {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border: 1px solid #e8e8e8;
  text-align: center !important;
}
.scheduleTable table tbody > tr > td {
  border: 1px solid #e8e8e8;
}
.scheduleTable [class^=ant-picker-body] {
  padding: 0px !important;
}
.scheduleTable [class^=ant-picker-cell-inner] {
  height: 40px !important;
}
.scheduleTable [class^=ant-picker-calendar-date-content] {
  height: 20px !important;
}

.todo_audit_card_table table thead tr:first-child {
  display: none;
}
.todo_audit_card_table table tbody tr td:nth-child(n + 2) {
  color: #818080;
}
.todo_audit_card_table table tbody tr td {
  padding: 6.3px 5px 6.5px 15px !important;
}